<template>
	<view class="gd">
		<u-popup v-model="show" mode="center" width="600upx" border-radius="10" :closeable="true">
			<view class="header-title">工单反馈</view>
			<view class="Problemdescription">
				<u-input v-model="valueInput" type="textarea" placeholder="问题描述" maxlength="170" :border="border" />
			</view>
			<view class="Submit">
				<view class="btn-tj">提交</view>
			</view>
		</u-popup>
	</view>
</template>

<script>
	export default{
		data () {
			return {
				show: false,
				valueInput: '',
				type: 'text',
				border: true,
			}
		},
		methods:{
			getOpen () {
				this.show = true
			}
		}
	}
</script>

<style>
	.gd /deep/ .u-input__textarea{
		min-height: 154px !important;
		height: 120px !important;
	}
</style>
<style lang="less" scoped>
	.btn-tj{
		width: 148upx;
		height: 84upx;
		background-image: url(../../static/hjx.png);
		background-size: 100% 100%;
		text-align: center;
		line-height: 84upx;
		color: #FFFFFF;
		// text-align: right;
	}
	.header-title{
		font-size: 28upx;
		font-family: PingFang SC;
		font-weight: bold;
		padding-top: 20upx;
		padding-left: 28upx;
	}
	.Problemdescription{
		padding-left: 28upx;
		padding-right: 28upx;
		margin-top: 21upx;
	}
	.Submit{
		width: 100%;
		display: flex;
		justify-content: flex-end;
		padding-right: 25upx;
		margin-top: 20upx;
		margin-bottom: 30upx;
	}
</style>
